﻿@model IEnumerable<AceMobile.Models.Phones.PhoneProducer>

@{
    ViewBag.Title = "Index";
}

<link href="@Url.Content("~/Content/TableStyle.css")" rel="stylesheet"  type="text/css" />   
<script>
    function pdelete(ID, object) {
        if (confirm('Nếu bạn xóa nhà sản xuất \"' + object.getAttribute('data-delete') + '\" thì bạn cũng xóa sản phẩm có nhà sản xuất trên! Bạn có muốn xóa không? ')) {
            $.ajax({
                type: "POST",
                url: "@Url.Action("Delete")",
                data: { id: ID }
            })
            .done(function (result) {
                if (result.status == "Success") {
                    object.parentElement.parentElement.remove();
                    alert('Bạn đã xóa thành công nhà sản xuất ' + object.getAttribute('data-delete'));
                } else {
                    alert("Có lỗi trên server khi xóa nhà sản xuất này!");
                }

            });
        }
    }
</script>
<style>
    #createnew a:hover
    {
        color: #ff6a00;
    }
    #createnew a
    {
        font-weight: bold;
        color: #ff6a00;
    }
</style>
@Html.ActionLink("Quản lý điện thoại", "Index", "PhoneAdmin",null, new { style = "font-weight: bold; color: #ff6a00;" }) 
<center>
    <h2>Xóa hoặc sửa các nhà sản xuất điện thoại</h2>
</center>
<center id="createnew">
    @Html.ActionLink("Tạo mới", "Create")
</center><br />
<table style="width: 500px; margin: auto">
    <tr>
        <th>
            Name
        </th>
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Name)
        </td>
        <td>
            @Html.ActionLink("Sửa", "Edit", new { id=item.ID }) |            
            <span style="cursor: pointer" onclick="pdelete(@item.ID,this)" data-delete="@item.Name">Xóa</span>
        </td>
    </tr>
}

</table>
